<!-- 文章列表 -->
<div class="container">
  <div class="news-info-warp">
    <div class="news-msg-warp">{{categoryName}}</div>
    <a href="javascript:;" class="news-detail-item" *ngFor="let item of allInfo" (click)="turnNewsDetail(item)">
      <div class="news-detail-item-photo-warp"><img src="{{aliyunOssOutputUrl}}/{{item.image}}" alt=""></div>
      <div class="news-detail-item-info">
        <div class="news-detail-item-title">{{item.title}}</div>
        <div class="news-detail-item-msg">{{item.excerpt || '...'}}</div>
        <div class="news-detail-item-date">{{item.created_at}}</div>
      </div>
    </a>
    <div class="text-center">
      <pagination (pageChanged)="pageChanged($event)" [totalItems]="totalItems" [itemsPerPage]="itemsPerPage" [(ngModel)]="currentPage" [maxSize]="5"
                  previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;" lastText="&raquo;" [boundaryLinks]="true" class="pagination-sm"></pagination>
    </div>
  </div>
  <div class="news-pick hidden-sm hidden-xs">
    <div class="news-pick-title">最新资讯</div>
    <div class="news-pick-content-warp">
      <a href="javascript:;" class="news-pick-content-item" *ngFor="let item of allInfo|slice:0:3" (click)="turnNewsDetail(item)">{{item.title}}</a>
    </div>
    <div class="news-pick-footer">
      <a href="javascript:;" class="news-classify" [ngClass]="{'active': categoryID == 0}" (click)="changeType({id: 0, name: '所有资讯'})">所有资讯</a>
      <a href="javascript:;" class="news-classify" *ngFor="let item of classifyList;" [ngClass]="{'active': categoryID == item.id}" (click)="changeType(item)">{{item.name}}</a>
    </div>
  </div>
</div>

<!-- /文章列表 -->





